@import "../library/_variable";
@import "../mixin/_media";

/*
コンテナー

コンテンツの表示幅を定義しています。最大サイズは2500px、最小サイズは1024pxです。<br>
<br>
デバイスサイズが1024pxより小さくなる場合、画面に表示しきれない要素は右スクロールで表示することができます。<br>
デバイスサイズが2500pxより大きくなる場合、それ以上にコンテンツ幅は可変せず左右に余白が表示されます。

Markup:
// .c-containerに付与している`style="min-width:100%;"` 、imgタグはスタイルガイドにおけるサンプル表示の都合上記述しています。
.c-container(style="min-width:100%;")
 img(style="width:100%;", src="")

Styleguide 1.0
*/

.c-container {
  margin: 0 auto;
  margin-top: 65px;
  width: 100%;
  max-width: 2500px;
  min-width: 1024px;
}
